<template>
  <div>
    <div class="user-image">
      <img src="@/assets/user-image.png" alt="" />
      <p>用户</p>
    </div>
    <div class="my-sort">
      <van-grid :column-num="3">
        <van-grid-item
          v-for="(value, index) in sortList"
          :key="index"
          :to="value.path"
          :icon="value.icons"
          :text="value.name"
        />
      </van-grid>
    </div>
  </div>
</template>

<script>
import {
  deleteAction,
  detailAction,
  listAction,
  saveAction,
  getListAction,
} from "@/api/my/index";
export default {
  components: {},

  data() {
    return {
      sortList: [
        {
          icons: "balance-list",
          name: "我的订单",
        },
        {
          icons: "coupon",
          name: "优惠券",
        },
        {
          icons: "map-marked",
          name: "我的足迹",
        },

        {
          path: "/my/collect",
          icons: "star",
          name: "我的收藏",
        },

        {
          path: "/my/address",
          icons: "invition",
          name: "地址管理",
        },

        {
          icons: "service",
          name: "联系客服",
        },

        {
          icons: "like",
          name: "帮助中心",
        },

        {
          path: "/my/fadeback",
          icons: "invition",
          name: "意见反馈",
        },
      ],
    };
  },

  created() {},

  mounted() {},

  methods: {},

  computed: {},

  watch: {},
};
</script>

<style scoped lang='less'>
.user-image {
  width: 335px;
  height: 140px;
  background-color: #333;
  color: white;
  padding: 0 20px;
  text-align: left;
  img {
    border-radius: 50%;
    width: 73px;
    margin-top: 33px;
    float: left;
  }
  p {
    float: left;
    color: white;
    height: 140px;
    line-height: 140px;
    margin-left: 20px;
  }
}
</style>